<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page import="com.songtai.po.*" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<%@include file="/public/title.jsp" %>
<link href="${pageContext.request.contextPath }/css/common.css" rel="stylesheet"
	type="text/css"></link>
<link href="${pageContext.request.contextPath }/css/A.css" rel="stylesheet" type="text/css"></link>
<link href="${pageContext.request.contextPath }/css/advsheadlb.css" rel="stylesheet"
	type="text/css"></link>
<link href="${pageContext.request.contextPath }/css/news_search_dolphin.css" rel="stylesheet"
	type="text/css"></link>
<link href="${pageContext.request.contextPath }/css/nav.css" rel="stylesheet" type="text/css"></link>
<link href="${pageContext.request.contextPath }/css/newsclass_dolphin.css" rel="stylesheet"
	type="text/css"></link>
<link href="${pageContext.request.contextPath }/css/newscontent.css" rel="stylesheet"
	type="text/css"></link>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.3.2.js"></script>	
<script type="text/javascript" src="${pageContext.request.contextPath }/js/base.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/advsheadlb.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/common.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/form.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/blockui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/newscontent.js"></script>
<script language="javascript" src="${pageContext.request.contextPath }/js/selectBox.js"></script>
<script type="text/javascript">
function searchCases(){
	//var catogry = document.getElementById("catid");
	//var selectedValue="0";
	//for(var i = 0 ;i<catogry.options.length;i++){
	//	if(catogry.options[i].selected){
	//		selectedValue = catogry.options[i].value;
	//		}
	//	}
	//if(selectedValue==0||selectedValue=="0"){
	//		alert("请选择一个分类");
	//		return false;
	//	}
	var keyword = document.getElementById("newssearchform_key").value;
	if(keyword==null||keyword==""){
		alert("请输入关键字!");
		return false;
		}
	return true;
}
	function goPage(step){
	    var currentImageNode = $("img[id^='photopic_']:visible");
	    var size = $("img[id^='photopic_']").size()-1;
	    var dsize = currentImageNode.attr("title");
	    var currentTitleNode = $("div[id^='case_title_']:visible");
	    var currentContentNode = $("div[id^='case_content_']:visible");
		switch(step){
			case '0':
				var currentImageNode_prev = currentImageNode.prev();
				var currentTitleNode_prev = currentTitleNode.prev();
				var currentContentNode_prev = currentContentNode.prev();
				if(!(dsize==0||dsize=="0")){
					currentImageNode.hide();
					currentImageNode_prev.show();
					currentTitleNode.hide();
					currentTitleNode_prev.show();
					currentContentNode.hide();
					currentContentNode_prev.show();
				}
				break;
			case '1':
				var currentImageNode_next = currentImageNode.next();
				var currentTitleNode_next = currentTitleNode.next();
				var currentContentNode_next = currentContentNode.next();
				if(!(dsize==size||dsize==(""+size))){
					currentImageNode.hide();
					currentImageNode_next.show();
					currentTitleNode.hide();
					currentTitleNode_next.show();
					currentContentNode.hide();
					currentContentNode_next.show();
				}
				break;
			default:
				break;		
		}
		var height = document.getElementById("spdv_12091").offsetHeight;
		var realHeight = height+100;
		document.getElementById("content").style.height = realHeight+"px";
	}
</script>
<!---reload-!-->
<!-- QQ 悬浮 -->	
	<style type="text/css">
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: underline;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: underline;
}

.qqbox{
	width:132px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:100px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;
}
.qqlv{
	width:25px;
	height:256px;
	overflow:hidden;
	position:relative;
	float:right;
	z-index:50px;
}
.qqkf{
	width:120px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	border:6px solid #990000;
	background:#fff;
}
.qqkfbt{
	width:118px;
	height:20px;
	overflow:hidden;
	background:red;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:1px solid #9CD052;
	cursor:pointer;
	text-align:center;
}
.qqkfhm{
	width:112px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding-right:8px;
	position:relative;
	margin:3px 0;
}
.bgdh{
	width:102px;
	padding-left:10px;
}
.case_detail_img {
  border:0;
  max-width:550px;
  overflow:hidden;
  width:expression(this.width > 550  ? 550 : "auto");
  }
</style>
<!-- END QQ 悬浮 -->	

</head>
<body
	style="background: url(${pageContext.request.contextPath }/images/x01.gif) repeat scroll center top transparent;">
<script>
var PDV_PAGEID='3'; 
var PDV_RP='../../'; 
var PDV_COLTYPE='news'; 
var PDV_PAGENAME='detail'; 
function searchNews(){
	//var catogry = document.getElementById("catid");
	//var selectedValue="0";
	//for(var i = 0 ;i<catogry.options.length;i++){
	//	if(catogry.options[i].selected){
	//		selectedValue = catogry.options[i].value;
	//		}
	//	}
	//if(selectedValue==0||selectedValue=="0"){
	//		alert("请选择一个分类");
	//		return false;
	//	}
	var keyword = document.getElementById("newssearchform_key").value;
	if(keyword==null||keyword==""){
		alert("请输入关键字!");
		return false;
		}
	return true;
}

</script>
<!-- 悬浮QQ -->
<div class="qqbox" id="divQQbox">
  <div class="qqlv" id="meumid" onmouseover="show()"><img src="${pageContext.request.contextPath }/images/qq_1.png"></div>
  <div class="qqkf" style="display:none;" id="contentid" onmouseout="hideMsgBox(event)">
    <div class="qqkfbt" onmouseout="showandhide('qq-','qqkfbt','qqkfbt','K',1,1);" id="qq-1" onfocus="this.blur();">客 服 中 心</div>
    <div id="K1">
    
    <c:forEach items="${qq}" var="pub">
	 <div class="qqkfhm bgdh"> <a href="tencent://message/?uin=${pub.title }"><img src=" http://wpa.qq.com/pa?p=1:${pub.title }:4" border="0">${pub.name }</a></div>
	</c:forEach>
    </div>
  </div>
</div>
<script language="javascript">
function showandhide(h_id,hon_class,hout_class,c_id,totalnumber,activeno) {
    var h_id,hon_id,hout_id,c_id,totalnumber,activeno;
    for (var i=1;i<=totalnumber;i++) {
        document.getElementById(c_id+i).style.display='none';
        document.getElementById(h_id+i).className=hout_class;
    }
    document.getElementById(c_id+activeno).style.display='block';
    document.getElementById(h_id+activeno).className=hon_class;
}
var tips; 
var theTop = 40;
var old = theTop;
function initFloatTips() 
{ 
	tips = document.getElementById('divQQbox');
	moveTips();
}
function moveTips()
{
	 	  var tt=50; 
		  if (window.innerHeight) 
		  {
			  pos = window.pageYOffset  
		  }else if (document.documentElement && document.documentElement.scrollTop) {
			 pos = document.documentElement.scrollTop  
		  }else if (document.body) {
		    pos = document.body.scrollTop;  
		  }
		  pos=pos-tips.offsetTop+theTop; 
		  pos=tips.offsetTop+pos/10; 
		  if (pos < theTop){
			 pos = theTop;
		  }
		  if (pos != old) { 
			 tips.style.top = pos+"px";
			 tt=10;  //alert(tips.style.top);  
		  }
		  old = pos;
		  setTimeout(moveTips,tt);
}
initFloatTips();
	if(typeof(HTMLElement)!="undefined")    //给firefox定义contains()方法，ie下不起作用
		{  
		  HTMLElement.prototype.contains=function (obj)  
		  {  
			  while(obj!=null&&typeof(obj.tagName)!="undefind"){ //通过循环对比来判断是不是obj的父元素
	   			if(obj==this) return true;  
	  				obj=obj.parentNode;
	   			  }  
			  return false;  
		  }
	}
function show()
{
	document.getElementById("meumid").style.display="none"
	document.getElementById("contentid").style.display="block"
}
	function hideMsgBox(theEvent){
	  if (theEvent){
		var browser=navigator.userAgent;
		if (browser.indexOf("Firefox")>0){  //如果是Firefox
		    if (document.getElementById("contentid").contains(theEvent.relatedTarget)) {  //如果是子元素
				return
			}
		}
		if (browser.indexOf("MSIE")>0 || browser.indexOf("Presto")>=0){  //如果是IE
	        if (document.getElementById('contentid').contains(event.toElement)) {  //如果是子元素
			    return;  //结束函式
		    }
		}
	  }
	  document.getElementById("meumid").style.display = "block";
	  document.getElementById("contentid").style.display = "none";
 	}
</script>
<!-- END悬浮QQ -->
<div id="contain"
	style="width: 1002px; background: none repeat scroll 0% 0% transparent; margin: 0px auto; padding: 0px;">

<div id="top"
	style="width: 1002px; height: 442px; background: url(${pageContext.request.contextPath }/images/x02.jpg) no-repeat scroll 0% 0% transparent;">


<!-- 图片/FLASH -->

<div id="pdv_12086" class="pdv_class" title=""
	style="width: 1002px; height: 65px; top: 377px; left: 0px; z-index: 2;">
<div id="spdv_12086" class="pdv_top"
	style="overflow: hidden; width: 100%; height: 100%;">
<div class="pdv_border"
	style="margin: 0pt; padding: 0pt; height: 65px; border: 0px solid;">
<div style="height: 25px; margin: 1px; display: none;">
<div
	style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">

</div>
<div style="float: right; margin-right: 10px; display: none;"><a
	href="#"
	style="line-height: 25px;">更多</a></div>
</div>
<div style="padding: 0px;"><img
	src="${pageContext.request.contextPath }/images/1274167634.jpg" width="100%" border="0"></div>
</div>

</div>
</div>

<!-- 一级导航菜单 -->
<%@include file="/public/daohang.jsp"%>

<!-- 网站标志 -->

<div id="pdv_12087" class="pdv_class" title=""
	style="width: 360px; height: 106px; top: 0px; left: 0px; z-index: 4;">
<div id="spdv_12087" class="pdv_top"
	style="overflow: hidden; width: 100%; height: 100%;">
<div class="pdv_border"
	style="margin: 0pt; padding: 0pt; height: 106px; border: 0px solid;">
<div style="height: 25px; margin: 1px; display: none;">
<div
	style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">

</div>
<div style="float: right; margin-right: 10px; display: none;"><a
	href="#"
	style="line-height: 25px;">更多</a></div>
</div>
<div style="padding: 0px;"><img
	src="${pageContext.request.contextPath }/images/1274164793.jpg" border="0"></div>
</div>

</div>
</div>

<!-- 头部图片轮播 -->

<div id="pdv_12088" class="pdv_class" title=""
	style="width: 966px; height: 260px; top: 152px; left: 18px; z-index: 6;">
<div id="spdv_12088" class="pdv_top"
	style="overflow: hidden; width: 100%; height: 100%;">
<div class="pdv_border"
	style="margin: 0pt; padding: 0pt; height: 260px; border: 0px solid;">
<div style="height: 25px; margin: 1px; display: none;">
<div
	style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">

</div>
<div style="float: right; margin-right: 10px; display: none;"><a
	href="#"
	style="line-height: 25px;">更多</a></div>
</div>
<div style="padding: 0px;">

<div id="advsheadlb">
	<s:iterator value="sliderList" id="item" status="index">
		<img <s:if test="#index.index==0"> style="display: inline;"</s:if><s:else>style="display: none;"</s:else>	src="${pageContext.request.contextPath }/<s:property value="#item.path"/>"
			class="advsheadlbpic" id="advsheadlbpic_<s:property value="#index.index"/>" border="0">
	</s:iterator>
</div>

</div>
</div>

</div>
</div>

<!-- 图片/FLASH -->

<div id="pdv_12083" class="pdv_class" title=""
	style="width: 284px; height: 70px; top: 35px; left: 718px; z-index: 8;">
<div id="spdv_12083" class="pdv_top"
	style="overflow: hidden; width: 100%; height: 100%;">
<div class="pdv_border"
	style="margin: 0pt; padding: 0pt; height: 70px; border: 0px solid;">
<div style="height: 25px; margin: 1px; display: none;">
<div
	style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">

</div>
<div style="float: right; margin-right: 10px; display: none;"><a
	href="#"
	style="line-height: 25px;">更多</a></div>
</div>
<div style="padding: 0px;"><img
	src="${pageContext.request.contextPath }/images/1274165013.jpg" width="100%" border="0"></div>
</div>

</div>
</div>
</div>
<div id="content"
	style="width: 1002px; height: 569px; background: url(${pageContext.request.contextPath }/images/x04.jpg) repeat-y scroll 0% 0% rgb(255, 255, 255); margin: 0px auto;">


<!-- 空白边框 -->

<div id="pdv_12089" class="pdv_class" title="新闻中心"
	style="width: 724px; height: 37px; top: 0px; left: 258px; z-index: 1;">
	
<div id="spdv_12089" class="pdv_content"
	style="overflow: hidden; width: 100%; height: 100%;">
<div class="pdv_border"
	style="border: 0px none; height: 37px; padding: 0pt; margin: 0pt;">
<div
	style="height: 37px; border: 0px none; padding: 0pt; margin: 0pt; background: url(${pageContext.request.contextPath }/images/right_top.png) no-repeat scroll 0px 0px transparent;">
<div
	style="float: left; height: 37px; color: rgb(108, 41, 25); font: bold 14px/ 30px Arial, Helvetica, sans-serif; padding-left: 97px; background: url(${pageContext.request.contextPath }/images/right_top.png) no-repeat scroll 0px 0px transparent;">
工程案例</div>
</div>
<div style="margin: 0px; padding: 0px;"></div>
<div style="padding: 0px;"><img width="100%" border="0" src="${pageContext.request.contextPath }/images/1274238119.gif"></div>
</div>

</div>
</div>

<!-- 文章搜索表单 -->
<div id="pdv_12081" class="pdv_class" title="案例搜索"
	style="width: 205px; height: 150px; top: 208px; left: 14px; z-index: 7;">
<div id="spdv_12081" class="pdv_content"
	style="overflow: hidden; width: 100%; height: 100%;">
<div class="pdv_border"
	style="border: 0px none; height: 150px; padding: 0pt; margin: 0pt;">
<div
	style="height: 30px; border: 0px none; padding: 0pt; margin: 0pt; background: url(${pageContext.request.contextPath }/images/alss.png) no-repeat scroll 0px 0px transparent;">
<div
	style="float: right; text-align: right; width: 35px; height: 30px; background: url(${pageContext.request.contextPath }/images/alss.png) no-repeat scroll -170px 0px transparent;">
</div>
</div>
<div style="margin: 0px; padding: 0px;">
<div class="newssearchformzone">
<form id="newssearchform" method="post" action="<%=request.getContextPath() %>/searchCases.htm" onsubmit="return searchCases();">
	<div class="newssearchform" style="display:none"><select name="catid" id="catid"
	class="box"
	style="display: none; background: none repeat scroll 0% 0% rgb(255, 255, 255); width: 140px; height: 19px;">
	<option selected="selected" value="0">请选择分类</option>
		<s:iterator value="nodeView" id="item">
			<option value="<s:property value="#item.id"/>"><s:property value="#item.nodeName"/></option>
		</s:iterator>
	</select> <script>
		makeSelectBox('catid','../../');
	</script>
</div>

<div class="newssearchform">
	<input name="keyword" id="newssearchform_key" style="width: 138px;" class="inputtext"type="text">
</div>
<div class="newssearchform2">
	<input name="imageField" id="button" src="${pageContext.request.contextPath }/images/search5.gif" type="image"></div>
	<input type="hidden" name="nodeid" value="${nodeid}"></input>
</form>
</div>

</div>
</div>

</div>
</div>

<!-- 当前位置提示条 -->

<div id="pdv_12090" class="pdv_class" title=""
	style="width: 484px; height: 37px; top: 0px; left: 498px; z-index: 9;">
<div id="spdv_12090" class="pdv_content"
	style="overflow: hidden; width: 100%; height: 100%;">
<div class="pdv_border"
	style="margin: 0pt; padding: 0pt; height: 37px; border: 0px solid;">
<div style="height: 25px; margin: 1px; display: none;">
<div
	style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">
	
</div>
<div style="float: right; margin-right: 10px; display: none;"><a
	href="#"
	style="line-height: 25px;">更多</a></div>
</div>
<div style="padding: 0px;">

<div id="nav">您现在的位置： <a href="<%=request.getContextPath() %>/examples.htm">工程案例</a>&gt;
	<c:if test="${eg.nid == 15}">家装案例</c:if>
	<c:if test="${eg.nid == 16}">工装案例</c:if>
</div>
</div>
</div>

</div>
</div>

<!-- 文章一级分类 -->

<div id="pdv_12085" class="pdv_class" title="文章分类"
	style="width: 205px; height: 198px; top: 0px; left: 14px; z-index: 10;">
<div id="spdv_12085" class="pdv_content"
	style="overflow: visible; width: 100%;">
<div class="pdv_border"
	style="border: 0px none; height: 100%; padding: 0pt; margin: 0pt;">
<div
	style="height: 65px; border: 0px none; padding: 0pt; margin: 0pt; background: url(${pageContext.request.contextPath }/images/left_top_1.png) no-repeat scroll 0px 0px transparent;">
<div
	style="float: right; text-align: right; width: 35px; height: 32px; background: url(${pageContext.request.contextPath }/images/left_top_1.png) no-repeat scroll -170px 0px transparent;">
</div>
</div>
<div style="margin: 0px; padding: 0px;">


<div class="newsclass_dolphin">
	<a href="<%=request.getContextPath() %>/examples.htm?nodeid=15" target="_self" class="newsclass_dolphin">工装案例</a>
	<a href="<%=request.getContextPath() %>/examples.htm?nodeid=16" target="_self" class="newsclass_dolphin">家装案例</a>	
</div>

</div>
</div>

</div>
</div>

<!-- 文章正文 -->

<div id="pdv_12091" class="pdv_class" title="文章正文"
	style="width: 724px; height: 532px; top: 37px; left: 258px; z-index: 11;">
<div id="spdv_12091" class="pdv_content"
	style="overflow: visible; width: 100%;">
<div class="pdv_border"
	style="border: 0px none; height: 100%; padding: 0pt; margin: 0px; background: url(${pageContext.request.contextPath }/images/left_002.gif) repeat-y scroll 0% 0% rgb(254, 254, 244);">
<div
	style="height: 100%; background: url(${pageContext.request.contextPath }/images/right_002.gif) repeat-y scroll right center transparent;">
<div
	style="height: 10px; border: 0px none; padding: 0pt; margin: 0pt; background: url(${pageContext.request.contextPath }/images/right_border.png) no-repeat scroll 0px 0px transparent;">
<div
	style="float: right; text-align: right; width: 70px; height: 10px; background: url(${pageContext.request.contextPath }/images/right_border.png) no-repeat scroll -930px 0px transparent;">
</div>
</div>
<div style="margin-bottom: 80px; padding: 20px;">

<div id="newscontent">
<div class="newstitle" >
	<s:iterator value="geg" id="gItem" status="index">
		<img title="<s:property value="#index.index"/>" <s:if test="#index.index==0"> style="display: inline;"</s:if><s:else>style="display: none;"</s:else> src="${pageContext.request.contextPath }/<s:property value="#gItem.path"/>" class="photopic case_detail_img" id="photopic_<s:property value="#index.index"/>" style="border: 5px solid #EEEEEE; padding: 10px;">
	</s:iterator>
	<div id="contentpages" style="display:block;">
	<div>
		<span ><a href="javascript:goPage('0');" >上一页</a></span>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<span><a href="javascript:goPage('1');">下一页</a></span>
	</div>
</div>
</div>
<div id="memo" class="memo">
	<s:iterator value="geg" id="gItem" status="index">
	<div title="<s:property value="#index.index"/>" id="case_title_<s:property value="#index.index"/>" <s:if test="#index.index==0"> style="display: inline;"</s:if><s:else>style="display: none;"</s:else>>
		<s:property value="#gItem.title" escape="false"/>
	</div>
	</s:iterator>
</div>
<div id="con" class="con">
	<s:iterator value="geg" id="gItem" status="index">
	<div class="case_content" id="case_content_<s:property value="#index.index"/>" <s:if test="#index.index==0"> style="display: inline;"</s:if><s:else>style="display: none;"</s:else>>
		<s:property value="#gItem.elseContent" escape="false"/>
	</div>
	</s:iterator>
</div>
<div class="bzone">
<div class="down" style="display: none;">附件下载：<span id="downlink"></span>
(已下载0次) <span id="downcentnotice"></span><input id="downcent" value=""
	type="hidden"></div>
<input id="newsid" value="384" type="hidden">
<div class="tags" style="display: none;">标签：</div>
<div id="banzhu" class="banzhu"></div>
</div>
</div>
<script>
</script></div>
</div>
</div>
<div
	style="margin-top: -75px; height: 75px; background: url(${pageContext.request.contextPath }/images/right_border.png) no-repeat scroll 0px -45px transparent;">&nbsp;</div>
<div
	style="float: right; margin-top: -75px; width: 55px; height: 75px; background: url(${pageContext.request.contextPath }/images/right_border.png) no-repeat scroll -945px -45px transparent;">&nbsp;</div>

</div>
</div>
</div>

<!-- 底部信息编辑区 -->
<%@include file="/public/footer.jsp"%>

<div id="bodyex"></div>

</div>
</body>
</html>